@charset "utf-8";

.joinlist{
    width: 971px;
    margin: 0 auto;
    .joinlistodd{

        li{
            width: -webkit-calc(50% - 27px);
            width: -moz-calc(50% - 27px);
            width: calc(50% - 27px);
            margin: 8px 0px 8px 0;
            float: left; 
            &:nth-child(odd){
            margin-right: 27px;  
            }
            &:nth-child(even){
              margin-left: 27px;  
            } 
        }
    }
    .listtitle{
        height: 96px;
        line-height: 115px;
        position: relative;
        > h2{
            color: white;
            
        }
        .rightbtn{
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    .listseek{
        width: 100%;
        height: 40px;
        border-top: 1px solid #4d4d4d;
        border-bottom: 1px solid #4d4d4d;
        line-height: 40px;
        .listyear{
            display: inline-block;
            a{
                color: #595858;
                &.active{
                    color: white;
                }
            }
        }
        .listinput{
            float: right;
        }
    }
    .page{
        float: right;
        
        padding-bottom: 15px;
        > a{
            display: inline-block;
            text-align: right;
            height: 18px;
            width: 55px;
            font-size: 12px;
            color: #999797;
            &:hover{
                color: white;
            }
            &:first-of-type::after{
                content: "";
                border: 3px solid transparent;
                border-top: 3px solid #7D7C7C;
                position: relative;
                top: 50%;
                right: 0;
                transform: translateY(50%);
                margin-left: 6px;
            }
        }
    }

}

